import React from 'react'
import type { FC } from 'react'
import {
  Image,
  Box,
  Tabs,
  TabList,
  Tab,
  TabPanel,
  TabPanels,
  Text,
} from '@chakra-ui/react'

const Form: FC = () => {
  return (
    <Box>
      <Text>
        <Image /> React Chakra UI
      </Text>
      <Tabs>
        <TabList>
          <Tab>A</Tab>
          <Tab>B</Tab>
        </TabList>
        <TabPanels>
          <TabPanel>ccc</TabPanel>
        </TabPanels>
      </Tabs>
    </Box>
  )
}

export default Form
